<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>实现留言板的用户评论发布</title>
	</head>
	<body>
		<textarea></textarea>
		<button>点击发布</button>
		<ul></ul>
		<script>
			var myText = document.querySelector('textarea');
			var btn = myText.nextElementSibling;
			var myUl = btn.nextElementSibling;
			btn.onclick = function(){
				// 没有内容的时候不让用户发布，提示用户请输入内容
				if(myText.value==''){
					alert('请输入评论内容');
					return false;
				}else {
					//  创建元素
					// var li = document.createElement('li');
					// li.innerHTML = myText.value;
					const li = document.createElement('li');
					const textNode = document.createTextNode(myText.value);
					li.appendChild(textNode);
					// 添加li
					// myUl.appendChild(li);
					myUl.insertBefore(li,myUl.firstElementChild);
					myText.value='';
				}
				
				 
			}
			
			
		</script>
	</body>
</html>